import React, { Component } from 'react';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Spin, Card } from 'antd';
import moment from 'moment';
import DescriptionList from '@/components/DescriptionList';

const { Description } = DescriptionList;
class AddEmpNameInfor extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { empSendInfoVo, empBaseInfoVo, loading } = this.props;
    if (!loading) {
      return (
        <div>
          <Card title={<span>派单信息</span>}>
            <DescriptionList>
              <Description term="签约方 ">
                {empSendInfoVo.sendCorpName ? empSendInfoVo.sendCorpName : '--'}
              </Description>
              <Description term="客户名称">
                {empSendInfoVo.custName ? empSendInfoVo.custName : '--'}
              </Description>
              <Description term="执行地">
                {empSendInfoVo.areaName ? empSendInfoVo.areaName : '--'}
              </Description>
              <Description term="派单时间">
                {empSendInfoVo.sendDate
                  ? moment(empSendInfoVo.sendDate).format('YYYY-MM-DD HH:mm')
                  : null}
              </Description>
              <Description term="在职状态">
                {empSendInfoVo.entryStatusName ? empSendInfoVo.entryStatusName : '--'}
              </Description>
              <Description term="所属客服">
                {empSendInfoVo.blngCs ? empSendInfoVo.blngCs : '--'}
              </Description>
            </DescriptionList>
          </Card>
          <Card title={<span>基本信息</span>}>
            <DescriptionList>
              <Description term="姓名">
                {empBaseInfoVo.empName ? empBaseInfoVo.empName : '--'}
              </Description>
              <Description term="证件类型">
                {empBaseInfoVo.certTypeName ? empBaseInfoVo.certTypeName : '--'}
              </Description>
              <Description term="证件号">
                {empBaseInfoVo.certNo ? empBaseInfoVo.certNo : '--'}
              </Description>
              <Description term="性别">
                {empBaseInfoVo.genderName ? empBaseInfoVo.genderName : '--'}
              </Description>
              <Description term="国籍">
                {empBaseInfoVo.nationName ? empBaseInfoVo.nationName : '--'}
              </Description>
              <Description term="出生日期">
                {empBaseInfoVo.birthDate
                  ? moment(empBaseInfoVo.birthDate).format('YYYY-MM-DD')
                  : '--'}
              </Description>
              <Description term="电话">
                {empBaseInfoVo.mobile ? empBaseInfoVo.mobile : '--'}
              </Description>
              <Description term="员工邮箱">
                {empBaseInfoVo.email ? empBaseInfoVo.email : '--'}
              </Description>
            </DescriptionList>
          </Card>
        </div>
      );
    }
    return <Spin size="small" tip="Loading..." />;
  }
}

export default Form.create()(AddEmpNameInfor);
